<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>优惠活动 - 好运网</title>
    <link rel="stylesheet" type="text/css" href="/css/basic.css"/>
    <link rel="stylesheet" type="text/css" href="/css/style.css"/>

</head>
<body>
<div th:include="header::header"></div>
<style>
    .zx-nav li i img {
        margin-top: -25px;
    }
</style>
<div class="main-k">
    <div class="warpk">

        <div class="zx-lf fl">
            <div class="sybz"><img src="/images/hyw-24.png"/>优惠活动</div>
            <ul class="zx-nav">
                <li class="ctvie"><i><img src="/images/ico08.png"/></i><a href="javascript:void(0)">全部优惠</a><s></s></li>
                <!--<li><i><img src="/images/ico09.png" /></i><a href="javascript:void(0)">娱乐场优惠</a><s></s></li>
                <li><i><img src="/images/ico10.png" /></i><a href="javascript:void(0)">老虎机专属优惠</a><s></s></li>
                <li><i><img src="/images/ico11.png" /></i><a href="javascript:void(0)">锦绣捕鱼优惠</a><s></s></li>
                <li><i><img src="/images/ico12.png" /></i><a href="javascript:void(0)">VIP特别优惠</a><s></s></li>
                <li><i><img src="/images/ico13.png" /></i><a href="javascript:void(0)">返水优惠</a><s></s></li>
                <li><i><img src="/images/ico14.png" /></i><a href="javascript:void(0)">优惠公布</a><s></s></li>-->
            </ul>
        </div>

        <div class="zx-rt fl">
            <div>
                <div th:each="prom : ${promotions}" style="margin-bottom: 10px">
                    <div class="yhhd-01">
                        <img th:src="${prom.img}" align="left" />
                        <p th:utext="${prom.activityName}"></p>
                        <p th:utext="${prom.introduction}"></p>
                        <div th:switch="${prom.activityName}">
                            <a th:case="'超高返水优惠'" class="chk" href="/returnRules">查看</a>
                            <a th:case="'等级优惠'" class="chk" href="/levelDiscount">查看</a>
                            <a th:case="*" class="chk viewContent" href="javascript:void(0)">查看</a>
                        </div>
                    </div>

                    <div class="yhhd-02" style="display: none" th:utext="${prom.ruleDetails}">
                    </div>
                </div>
            </div>
        </div>

        <script>
            $(".yhhd-01 .viewContent").click(function () {
                $(this).parent().parent().next().toggle();
            });
        </script>

    </div>
</div>

<div th:include="footer::footer"></div>
<div th:include="right::right"></div>
</body>
</html>
